// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
// 
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
// 
//     http://www.apache.org/licenses/LICENSE-2.0
// 
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import './config'

.likert
  width 100%
  border-collapse collapse
  margin $gap 0

  td
    padding 0.5rem
    text-align center
    border-bottom 0.1rem solid $color.border

    &:focus
      outline none

    &:first-child
      text-align left
      padding-left 0
      width 40%

  tr
    &:first-child td
      font-weight 500
      color $color.text-lighter
      border-bottom 0.2rem solid $color.border

    &:hover
      background-color $color.hover

  .statement
    height 5rem

    .statement-text
      cursor pointer

    .remove-statement
      cursor pointer
      display none
      margin-left $gap

    &:hover .remove-statement
      display inline

  .option
    display table-cell

    .option-text
      cursor pointer

    .add-option,
    .remove-option
      display none

    &:hover
      .add-option,
      .remove-option
        display inline

  input[type='radio']
    width 1.6rem
    height 1.6rem
    accent-color $color.primary

.pre .likert
  .statement .statement-text
    cursor default

  .option .option-text
    cursor default

  input[type='radio']
    cursor pointer